<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
   <title>Bootstrap 实例 - 弹出框（Popover）插件</title>
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="jquery/jquery-2.2.3.min.js"></script>
   <script src="bootstrap/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="js/datepicker4/WdatePicker.js"></script>
   <style>
   	.images{
   		height: 150px;
   		width: 150px;
   	}
   	div.images{
   		display: inline-block;
   	}
   </style>
</head>
<body>

<div class="container" style="padding: 100px 50px 10px;" >
   <button type="button" class="btn btn-default" title="Popover title"  
      data-container="body" data-toggle="popover" data-placement="left" 
      data-content="左侧的 Popover 中的一些内容">
      左侧的 Popover
   </button>
   <button type="button" class="btn btn-primary" title="Popover title"  
      data-container="body" data-toggle="popover" data-placement="top" 
      data-content="顶部的 Popover 中的一些内容">
      顶部的 Popover
   </button>
   <button type="button" class="btn btn-success" title="Popover title"  
      data-container="body" data-toggle="popover" data-placement="bottom" 
      data-content="底部的 Popover 中的一些内容">
      底部的 Popover
   </button>
   <button type="button" class="btn btn-warning" title="Popover title"  
      data-container="body" data-toggle="popover" data-placement="right" 
      data-content="右侧的 Popover 中的一些内容">
      右侧的 Popover
   </button>
   </div>
    <script type="text/javascript">
         function hhh()
         {
         	var form=document.getElementById("form1");
         	var formdata=new FormData(form);
         	var basePath = "http://localhost:8081/khsafety/";
         	$.ajax({
                     type : 'post',
                     //url : 'http://localhost:8081/khsl/jsp/sys/upload/uploadImg.do',
                     url : basePath+'formJson!doUploadImage.action?form=risk_related_images&op=uploadImage&dataStr={defData:{defVal:"check_risk"}}',
                     data : formdata,
                     cache : false,
                     dataType :"json",
                     processData : false,  //  不处理发送的数据，因为data值是Formdata对象，不需要对数据做处理
                     contentType : false,  //  不设置Content-type请求头
                     success : function(data)
                     {
                     	//alert(JSON.stringify(data))
                     	if(data.status!='success')
                     	{
                     		alert(data.msg);
                     		return;
                     	}
                     	$("#img").append("<div class='images'>"+
                     	"<img class='images' src='"+basePath+data.imgsrc+"'/></div>");
                     },
                     error : function(datas){alert(JSON.stringify(datas))}
              })
         }
          
    </script>
    <center>
    <form name="form1" id="form1" enctype="multipart/form-data">
       <input  id="fileinput" type="file" name="file" onchange="hhh()"></input>
       <input  id="" type="hidden" name="type" value="recognize_risk"></input>
       <!--<button type="button" onclick="hhh();">上传图片</button>-->
    </form>
    <div id="img"></div>
    <input class="aaaaa" value=""/>
    <input class="bbbb" value=""/>
     <label for="com1mo" class="col-xs-2 control-label"><span class="required-flag"> * </span>出厂日期：</label>
    <div class="col-xs-4">
		<input type="input" class="input-sm wdate" 
		onclick="WdatePicker({autoPickDate:true,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d' })" 
		name="time.startdate" value="" id="startdate" placeholder="出厂日期" readonly="readonly">
    </div>
    </center>
   <script>$(function () 
      { $("[data-toggle='popover']").popover();
      });
      var arr = [1,2,3];
      arr.reverse();
      //alert(arr.unshift(4));
      //alert(arr);
      
      var sum = arr.reduce(function(prev,cur,index,arr){
      	console.log(prev,cur,index,arr);
      	return prev+cur;
      });
      
      console.log(arr,sum);
      
      $(".bbbb").keyup(function(){
      	$(".aaaaa").val($(this).val());
      })
      //失去焦点才会执行
//    $(".aaaaa").change(function(){
//    	alert($(".aaaaa").val());
//    })
	$(".input-sm")[0].onchange = function ()
	{
		alert($(".aaaaa").val());
	}
   </script>
</div>

</body>
</html>